<%--
  Created by IntelliJ IDEA.
  User: TianyuChen
  Date: 2020/2/23
  Time: 14:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*,com.cty.pojo.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <base href="<%=basePath%>">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery.js"></script>

    <script type="text/javascript">
        $(document).ready(function(){
            $(".click").click(function(){
                $(".tip").fadeIn(200);
            });

            $(".tiptop a").click(function(){
                $(".tip").fadeOut(200);
            });

            $(".sure").click(function(){
                $(".tip").fadeOut(100);
            });

            $(".cancel").click(function(){
                $(".tip").fadeOut(100);
            });

        });
    </script>


</head>


<body>

<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">首页</a></li>
        <li><a href="#">用户信息管理</a></li>
        <li><a href="#">个人信息</a></li>
    </ul>
</div>

<div class="rightinfo">


    <table class="tablelist">
        <thead>
        <tr>
            <th>用户ID<i class="sort"><img src="images/px.gif" /></i></th>
            <th>用户名</th>
            <th>密码</th>
            <th>性别</th>
            <th>年龄</th>
            <th>出生年月</th>
        </tr>
        </thead>
        <tbody>
        <%-- 使用EL表达式和JSTL标签 --%>
        <c:forEach items="${lu}" var="u">
            <tr>
                <td>${u.getUid()}</td>
                <td>${u.getUname()}</td>
                <td>${u.getPwd()}</td>
                <td>${u.getSex()==1?'男':'女'}</td>
                <td>${u.getAge()}</td>
                <td>${u.getBirth()}</td>
            </tr>
        </c:forEach>

        <%-- 使用传统方式 --%>
<%--        <%List<User> lu = (ArrayList<User>)request.getAttribute("lu");--%>
<%--        if(null!=lu){--%>
<%--            for(User u:lu){--%>
<%--        %>--%>
<%--        <tr>--%>
<%--            <td><%=u.getUid()%></td>--%>
<%--            <td><%=u.getUname()%></td>--%>
<%--            <td><%=u.getPwd()%></td>--%>
<%--            <%--%>
<%--                if(1==(u.getSex())){--%>
<%--            %>--%>
<%--                <td>男</td>--%>
<%--            <%} else {%>--%>
<%--                <td>女</td>--%>
<%--            <%}%>--%>
<%--            <td><%=u.getAge()%></td>--%>
<%--            <td><%=u.getBirth()%></td>--%>
<%--        </tr>--%>
<%--        <%} }%>--%>
        </tbody>
    </table>

</div>

<script type="text/javascript">
    $('.tablelist tbody tr:odd').addClass('odd');
</script>

</body>

</html>

